<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/svg02.css"/>
	</head>
	<body>
		<svg viewBox="0 0 32 32">
		
		  <g class="bee" stroke="#000" stroke-linecap="round" stroke-width=".5">
		  <path fill="#ff3" d="M1,17 q0 -8 8 -8 l 12 0 q 8 0 8 8 q 0 8 -8 8 l -12 0 q -8 0 -8 -8Z" />    
		    <path fill="#222" d="M9,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />  
		    <path fill="#222" d="M14,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
		    <path fill="#222" d="M19,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
		    <path fill="#000" fill-opacity=".2" stroke="none" 
		          d="M1,17 q0 8 8 8 l 12 0 q 8 0 8 -8 q 0 6 -6 6 l-16 0 q -6 0 -6 -6Z" />
		    
		    <!-- face -->
		    <ellipse cx="25" cy="13" rx=".6" ry=".9" fill="#000" />
		    <ellipse cx="22" cy="13" rx=".6" ry=".9" fill="#000" />
		    <path fill="none" d="M21.5 16 q0 1.5 2 1.5 q 2 0 2 -1.5" />
		    
		    <!-- legs -->
		    <path class="leg-1" fill="none" d="M14 25 q2 0 2 4" />
		    <path class="leg-2" fill="none" d="M14 25 q1 0 1 4" />
		    <path class="leg-3" fill="none" d="M14 25 q-1 0 -1 4" />
		    <path class="leg-4" fill="none" d="M14 25 q-2 0 -2 4" />
		    
		    <!-- antennas -->
		    <path class="antenna-1" fill="none" d="M24.5 9.5 q0 -6 4 -6" />
		    <path class="antenna-2" fill="none" d="M26 10 q0 -5 5 -4" />
		    
		    <!-- wings -->
		    <path class="wing-1" fill="#fff" fill-opacity=".5" stroke="#000"
		          d="M17 9 q -5 0 -6 -6 q 5 0 6 6Z"/>
		    <path class="wing-2" fill="#fff" fill-opacity=".5" stroke="#000"
		          d="M17 9 q 0 -5 6 -6 q 0 5 -6 6Z">
		  
		  
		  </g>
		</svg>
		<svg viewBox="0 0 32 32">
		
		  <g class="bee1" stroke="grey" stroke-linecap="round" stroke-width=".8">
		  <path fill="#000" d="M1,17 q0 -8 8 -8 l 12 0 q 8 0 8 8 q 0 8 -8 8 l -12 0 q -8 0 -8 -8Z" />    
		    <path fill="#ff3" d="M9,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />  
		    <path fill="#ff3" d="M14,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
		    <path fill="#ff3" d="M19,9 q -8 0 -8 8 q 0 8 8 8 l 3 0 q -8 0 -8 -8 q 0 -8 8 -8Z" />
		    <path fill="#000" fill-opacity=".2" stroke="none" 
		          d="M1,17 q0 8 8 8 l 12 0 q 8 0 8 -8 q 0 6 -6 6 l-16 0 q -6 0 -6 -6Z" />
		    
		    <!-- face -->
		    <ellipse cx="25" cy="13" rx=".6" ry=".9" fill="red" />
		    <ellipse cx="22" cy="13" rx=".6" ry=".9" fill="red" />
		    <path fill="none" d="M21.5 16 q0 1.5 2 1.5 q 2 0 2 -1.5" />
		    
		    <!-- legs -->
		    <path class="leg-11" fill="none" d="M14 25 q2 0 2 4" />
		    <path class="leg-21" fill="none" d="M14 25 q1 0 1 4" />
		    <path class="leg-31" fill="none" d="M14 25 q-1 0 -1 4" />
		    <path class="leg-41" fill="none" d="M14 25 q-2 0 -2 4" />
		    
		    <!-- antennas -->
		    <path class="antenna-11" fill="none" d="M24.5 9.5 q0 -6 4 -6" />
		    <path class="antenna-21" fill="none" d="M26 10 q0 -5 5 -4" />
		    
		    <!-- wings -->
		    <path class="wing-11" fill="#fff" fill-opacity=".2" stroke="#000"
		          d="M17 9 q -5 0 -6 -6 q 5 0 6 6Z"/>
		    <path class="wing-21" fill="#fff" fill-opacity=".2" stroke="#000"
		          d="M17 9 q 0 -5 6 -6 q 0 5 -6 6Z">
		  
		  
		  </g>
		</svg>
	</body>
</html>
